import axios, { Method } from 'axios'

import { ElMessage } from 'element-plus'

// axios.create()
const TIMEOUT = 30000 // 超时时间

interface RequestParams {
  url?: string,
  params?: any,
  method?: Method,
  data?: any
}

const service = axios.create({
  baseURL: '/api',
  timeout: TIMEOUT,
  // headers: {
  //   format: 'JSON',
  //   get: {
  //     'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
  //   },
  //   post: {
  //     'Content-Type': 'application/json;charset=utf-8'
  //   }
  // }
})
/* 添加请求拦截器 */
service.interceptors.request.use((config) => {
  // 发送请求前可以拼接请求头 例如获取token添加至请求头中
  // if (store.getters.getToken) config.headers['Authorization'] = store.getters.getToken;
  return config
}, (error) => {
  console.error('request', error);
  // 对请求错误做些什么
  return Promise.reject(error)
})
/* 添加响应拦截器 */
service.interceptors.response.use((res) => {
  const { code, data, message } = res.data
  if (code === 200 || +code === 0) {
    return data
  }
  switch (code) {
    case 401: // 权限验证失败(过期)
      ElMessage({ message: message, type: 'error' })
      break
    case 403:
      // 无权限
      break;
    case 500:
      ElMessage({ message: '服务器错误', type: 'error' })
      break
    case 502:
      ElMessage({ message: '请求服务器错误', type: 'error' })
      break
    default:
      ElMessage({ message: message, type: 'error' })
      break
  }
}, (error) => {
  console.error('response', error);
  // 对响应错误做些什么
  return Promise.reject(error)
})

export default service